html {
	font-size: 100px
}

.content {
	width: 100%;
	height: 100%;
	background: #FFDE74
}

.content .loading-container {
	width: 100%;
	height: 100%;
	background: #FFDE74
}

.content .loading-container .percent-container {
	width: 3.2rem;
	height: 2.35rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
	font-family: "-apple-system", PingFangSC-Regular, "Microsoft YaHei", "Arial", "sans-serif";
	color: #3a3a3a
}

.content .loading-container .percent-container .percent {
	font-size: 1.44rem;
	line-height: 2.02rem
}

.content .loading-container .percent-container .loading-desc {
	font-size: 0.24rem;
	line-height: 0.33rem
}

.content .swiper-container {
	visibility: hidden
}

.content .swiper-container .swiper-wrapper {
	height: 10.80rem
}

.content .swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-family: "-apple-system", PingFang-SC-Medium, "Microsoft YaHei", "Arial", "sans-serif";
	color: #3A3A3A
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc {
	position: relative
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font144 {
	font-size: 1.44rem;
	line-height: 1.14rem;
	margin-bottom: 0.15rem;
	margin-top: 0.6rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font20 {
	font-size: 0.20rem;
	line-height: 0.20rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font24 {
	font-size: 0.24rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font36 {
	font-size: 0.36rem;
	line-height: 0.50rem;
	margin-bottom: 0.15rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .mb-20 {
	margin-bottom: 0.20rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn {
	margin-top: 0.30rem;
	font-family: "-apple-system", PingFangSC-Semibold, "Microsoft YaHei", "Arial", "sans-serif";
	width: 1.86rem;
	height: 0.53rem;
	padding: 0px;
	line-height: 0.49rem;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	background: #3a3a3a;
	border: 2px solid #3a3a3a;
	border-radius: 1rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-left {
	position: absolute;
	left: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-right {
	position: absolute;
	right: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn:hover {
	background: #FFFFFF;
	border: 2px solid #3a3a3a;
	color: #3a3a3a;
	border-radius: 1rem;
	cursor: pointer
}

.content .swiper-container .swiper-wrapper .swiper-slide .left {
	text-align: left;
	padding-left: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .right {
	text-align: right;
	padding-right: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-1 {
	background-image: url("../images/back1.png")
}

.content .swiper-container .swiper-wrapper .swiper-2 {
	background-image: url("../images/back2.png")
}

.content .swiper-container .swiper-wrapper .swiper-3 {
	background-image: url("../images/back3.png")
}

.content .swiper-container .swiper-wrapper .swiper-4 {
	background-image: url("../images/back4.png")
}

.content .swiper-container .swiper-wrapper .swiper-5 {
	background-color: #FFDE74
}

.content .swiper-container .swiper-wrapper .swiper-5 .qrcode .qrcode-image {
	width: 330px;
	height: 300px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.content .swiper-container .swiper-wrapper .swiper-5 .copy-right {
	font-family: "-apple-system", PingFangSC-Regular, "Microsoft YaHei", "Arial", "sans-serif";
	font-size: 0.12rem;
	color: #3a3a3a;
	position: absolute;
	right: 0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	bottom: 20px;
	width:75%;
	
}

.content .swiper-container .swiper-wrapper .swiper-5 .copy-right a {
	color: #4990E2;
	text-decoration: underline
}

.content .swiper-container .swiper-wrapper .swiper-5 .copy-right span {
	display: inline-block
}

.content .swiper-container .swiper-wrapper .swiper-5 .copy-right .mrl-25 {
	margin-right: 25px;
	margin-left: 25px
}

.content .swiper-container .swiper-wrapper .swiper-5 .copy-right .mr-25 {
	margin-right: 25px
}

.content .swiper-container .swiper-pagination {
	right: 0.60rem
}

.content .swiper-container .swiper-pagination .swiper-pagination-bullet {
	background-color: transparent;
	border: 1px solid #3a3a3a;
	opacity: 1;
	margin: 10px 0
}

.content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #3a3a3a
}

@media (max-width: 960px) {
	.content .swiper-container .swiper-wrapper {
		height: 540px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .font144 {
		font-size: 72px;
		line-height: 57px;
		margin-bottom: 7.5px;
		margin-top: 30px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .font20 {
		font-size: 10px;
		line-height: 10px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .font24 {
		font-size: 12px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .font36 {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 7.5px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .mb-20 {
		margin-bottom: 13px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn {
		margin-top: 15px;
		width: 93px;
		height: 26.5px;
		line-height: 24px;
		border-radius: 50px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-left {
		left: 30px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-right {
		right: 30px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn:hover {
		border: 1px solid #3a3a3a;
		border-radius: 50px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .left {
		padding-left: 30px
	}
	.content .swiper-container .swiper-wrapper .swiper-slide .right {
		padding-right: 30px
	}
	.content .swiper-container .swiper-pagination {
		right: 30px
	}
	.content .swiper-container .swiper-pagination .swiper-pagination-bullet {
		margin: 5px 0
	}
}